﻿body {
}
#WebSite
{
    width: 810px;
    margin-right: auto;
    margin-left: auto;
    height: 1000px;
}
#TopArea
{
    border-style: groove;
    width: 800px;
    height: 150px;
    margin-left: 5px;
}
#Logo
{
    float: left;
    list-style-image: url('logo.jpg');
    width: 200px;
    height: 60px;
    margin-top: 4px;
    margin-left: 4px;
}
#Logowanie
{
    float: right;
    margin-top: 4px;
    margin-right: 4px;
}
#Search
{
    float: right;
    width: auto;
    height: auto;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#Menu
{
    margin: 10px 0px 10px 0px;
    border-style: groove;
    width: 810px;
    height: 50px;
    text-align: center;
    float: left;
}
#Content
{
    width: 800px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
}
#Recommended
{
    border-style: groove;
    width: 410px;
    height: 300px;
    float: left;
    margin-bottom: 2px;
}
#HotNews
{
    border-style: groove;
    width: 410px;
    height: 250px;
    float: left;
    margin-bottom: 5px;
}
#MostReadable
{
    border-style: groove;
    float: right;
    width: 350px;
    height: 555px;
    margin-bottom: 5px;
    margin-top: 3px;
}

#MostReadable a
{
    color: Red;
}
#NewArticles
{
    border-style: groove;
    width: 620px;
    height: 170px;
}
#NewArt1
{
    border-style: groove;
    float: left;
    width: 140px;
    height: 140px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-left: 8px;
}
#NewArt2
{
    width: 140px;
    height: 140px;
    border-style: groove;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}
#NewArt3
{
    width: 140px;
    height: 140px;
    float: left;
    border-style: groove;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
}
#NewArt4
{
    border-style: groove;
    margin-left: 3px;
    width: 140px;
    height: 140px;
    float: left;
    margin-bottom: 3px;
    margin-right: 5px;
}
#NewArt5
{
    border-style: groove;
    float: left;
    width: 140px;
    height: 140px;
    margin-right: 3px;
    margin-bottom: 3px;
    margin-left: 8px;
}
#NewArt6
{
    width: 140px;
    height: 140px;
    border-style: groove;
    float: left;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;    
}
#NewArt7
{
    width: 140px;
    height: 140px;
    float: left;
    border-style: groove;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
}
#NewArt8
{
    border-style: groove;
    margin-left: 3px;
    width: 140px;
    height: 140px;
    float: left;
    margin-bottom: 3px;
    margin-right: 5px;    
}
#NewArt9
{
    border-style: groove;
    margin-left: 3px;
    width: 140px;
    height: 140px;
    float: left;
    margin-bottom: 3px;
    margin-right: 5px;    
}
#NewArt10
{
    border-style: groove;
    margin-left: 3px;
    width: 140px;
    height: 140px;
    float: left;
    margin-bottom: 3px;
    margin-right: 5px;    
}
#Bajer
{
    border-style: groove;
    width: 800px;
    height: 150px;
    float: left;
}
#SearchArt
{
    border-style: groove;
    width: 500px;
    height: 600px;
    float: left;
    margin-bottom: 2px;
}
#LblSearchResult
{
    font-size: large;
    text-decoration: underline;
}
#AdminPanel
{
    float: left;
    width: 220px;
    height: 550px;
    border-style: groove;
}
#MainAdminPanel
{
    width: 550px;
    height: 550px;
    border-style: groove;
    float: right;
}
.search_article
{
    float: left;
    width: 550px;
    height: 200px;
    background-color: Red;
    margin: 10px 0px 10px 0px;
}